<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:fmt="http://java.sun.com/jsp/jstl/fmt"
	xmlns:p="http://primefaces.org/ui"
	xmlns:richext="http://java.sun.com/jsf/composite/richext">

	<ui:composition template="/template/pPrincipal.xhtml">

		<ui:define name="head">
			<title>BBVAITrade</title>
		</ui:define>

		<ui:define name="titulopagina">
			<!-- contenido del titulo -->
		</ui:define>

		<ui:define name="bodyarea">

			<p:toolbar>
				<p:toolbarGroup align="left" style="height: 20px;">
					<h:outputText value="CONSULTA VISTA PRODUCTO" />
				</p:toolbarGroup>
			</p:toolbar>

			<p:tabMenu >
				<p:menuitem value="Medios de Pago" ajax="true" url="/pages/producto/medioDePago.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Productos Comex" ajax="true" url="/pages/producto/productosComex.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Financiamiento" url="#"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Tablero FIA Vencimiento" url="#"
					icon="ui-icon-circle-check" />
			</p:tabMenu>

			<table align="center" border="0" cellpadding="0" cellspacing="0"
				style="width: 100%; background-color: #FFFFFF; border: 1px solid #ACBECE;">
				<tr>
					<td align="center"
						style="background-color: White; padding: 5px 5px" valign="top"><ui:insert
							name="bodyareaProducto" />
					</td>
				</tr>
			</table>

		</ui:define>
	</ui:composition>
</jsp:root>